<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/yy.css" />
  </head>
  <body>
    <div class="div1">
      <div class="hand">
        <a href="#">北京</a>
        <em>影院</em>
        <img src="img/fdj.png" alt="" />
      </div>

      <div class="div2">
        <a href="">全城</a>
        <a href="">App订票</a>
        <a href="">最近去过</a>
      </div>
      <section>
        <div class="product">
          <p class="title">保利国际影城北京天安门店</p>
          <p class="desc">北京市西城区前门煤市北京坊C1区...</p>
          <div>
            <p class="price">¥45元起</p>
            <p class="distance">距离未知</p>
          </div>
        </div>
        <div class="product">
          <p class="title">北京大观影楼</p>
          <p class="desc">北京市宣武区大栅栏街36号</p>
          <p class="price">¥35元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京首都电影西单店</p>
          <p class="desc">北京市西城区西单北大街甲131号大悦...</p>
          <p class="price">¥61元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京地质礼堂影院</p>
          <p class="desc">北京市西四羊肉胡同30号</p>
          <p class="price">¥37元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京首都电影院中华店</p>
          <p class="desc">北京市西城区天桥南大街3号楼一层...</p>
          <p class="price">¥35元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">晟嘉国际影城北京新华店</p>
          <p class="desc">北京市西城区新街口北大街新华百...</p>
          <p class="price">¥27.9元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京横店电影城</p>
          <p class="desc">北京东城区王井府百...</p>
          <p class="price">¥44元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京横店电影城</p>
          <p class="desc">北京东城区王井府百...</p>
          <p class="price">¥44元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京横店电影城</p>
          <p class="desc">北京东城区王井府百...</p>
          <p class="price">¥44元起</p>
          <p class="distance">距离未知</p>
        </div>
        <div class="product">
          <p class="title">北京横店电影城</p>
          <p class="desc">北京东城区王井府百...</p>
          <samp class="price">¥44元起</samp>
          <samp class="distance">距离未知</samp>
        </div>
      </section>
      <footer>
        <ul class="footerbar">
          <li>
            <a href="#" class="active">
              <img src="img/dy.png" alt="" />
              <span>电影</span>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="img/yy.png" alt="" />
              <span>影院</span>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="img/zx.png" alt="" />
              <span>咨询</span>
            </a>
          </li>
          <li>
            <a href="#">
              <img src="img/wd.png" alt="" />
              <span>我的</span>
            </a>
          </li>
        </ul>
      </footer>
    </div>
  </body>
</html>
